<template>
	<div class="login-contain">
		<div class="header">
			<div class="header-logo"><img src="../../assets/index/logo.png" alt="" /></div>
		</div>
		<div class="user-agreement">
			<div class="user-title">用户条款</div>
			<div class="user-info">
				北京科技有限公司在此特别提醒您（用户）在注册成为用户之前，请认真阅读本《用户协议》（以下简称“协议”），确保您充分理解本协议中各条款。请您审慎阅读并选择接受或不接受本协议。除非您接受本协议所有条款，否则您无权注册、登录或使用本协议所涉服务。您的注册、登录、使用等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。
			</div>
			<div class="user-btn"><el-button type="primary" @click="verify">确定</el-button></div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'userAgreement',
	data() {
		return {};
	},
	created() {},
	methods: {
		//确认返回注册也
		verify(){
			this.$router.push({
				path:'/registerUser'
			})
		},
	}
};
</script>

<style scoped lang="scss">
.login-contain {
	width: 100%;
	height: 100%;
	background-image: url(../../assets/logoin.png);
	background-size: cover; /* 使图片平铺满整个浏览器（从宽和高的最大需求方面来满足，会使某些部分无法显示在区域中） */
	position: absolute; /* 不可缺少 */
	.header {
		display: flex;
		align-items: center;
		width: 100%;
		height: 8rem;
		background: url(../../assets/index/dingbu.png) no-repeat;
		background-size: 100% 100%;
		.header-logo {
			display: flex;
			align-items: center;
			width: 65%;
			margin: 0 auto;
		}
	}
	.user-agreement {
		width: 50rem;
		height: 40rem;
		margin: auto;
		margin-top: 3rem;
		border-radius: 0.4rem;
		padding: 1.5rem;
		background-color: #ffffff;
		.user-title{
			width: 100%;
			margin-bottom: 1rem;
			text-align: center;
			font-weight: bold;
		}
		.user-btn{
			width: 100%;
			margin: 1.5rem 0;
			text-align: center;
		}
		.user-info{
			padding: 0.5rem;
			height: 32rem;
			overflow-y: scroll;
			text-indent:2em;
			line-height:2rem;
		}
		/deep/.el-button{
			width: 10.63rem;
			height:2.63rem;
			background-color: #146AC1;
			font-size: 1rem;
			margin-top: 1rem;
		}
	}
}
</style>
